@font-face{
    font-family: oldengl;
    src: url('../ressources/fonts/oldengl.ttf');
}

body{
    margin: auto;
    background-color: rgb(220,220,220);
}
a img{
    border:none
}
a{
    text-decoration: none;
    color: black
}



/*--------------------------------------------Header-----------------------------------------*/
#top
{background-color: rgb(147,31,75); height: 100px;}
#header
{height: 100px; width: 800px; margin: auto;position: relative;}
#logo
{height: 90px; width: 200px;position: absolute; top: 5px;}
#navigation
{height: 40px; width: 450px; position: absolute; left: 300px; top: 60px; color:black; text-decoration: none; text-align: center; font-family: oldengl; font-size:1.5em; text-shadow: white -1px -1px 4px;}
#nav_consommation
{height: 44px; width: 150px; position: absolute; left: 0px;}
#nav_historique
{height: 44px; width: 150px; position: absolute; left: 150px;}
#nav_admin
{height: 44px; width: 150px; position: absolute; left: 300px;}
#navigation div:not(.menu_actif):hover 
{background: url("./ressources/menu_hover.png") no-repeat bottom center;}
.menu_actif
{background: url("./ressources/menu_actif.png") no-repeat bottom center;}
#degrade_top
{height: 4px; background-image: url("./ressources/degrade.png")}
#info_shop
{height: 25px; width: 200px; position: absolute; right: 50px; font-size: 0.7em;text-align:center}
#corps
{width: 800px; min-height: 300px;background-color: rgb(255,255,255); margin:auto;position:relative}



/*--------------------------------------------Pied de Page-----------------------------------------*/
#footer
{width: 800px; margin: auto;}
#barre_v
{width: 700px; height: 15px;margin: auto; background-image: url("../ressources/images/barre_v.png")}
#credits
{font-size: 0.6em;text-align:center;}



/*------------------------------------------------Body---------------------------------------------*/
.posits
{color: green;}
.negats
{color: red;}
.fatou
{font-size: 4.5em;}
/*Historique*/
table
{border-collapse: collapse;width: 100% }
td
{text-align: center;padding:1px}
#tableau_historique
{width: 100% ;padding-bottom:20px;padding-top:20px;}
th
{padding-bottom:10px;}
#boite_filtres
{background-color: rgb(180,180,180);}
.boite_filtres{background: #fee4b6;position:absolute;right: 20px; top: 50px;}
.boite_filtres_haut div {background: url(../commun_shop/ressources/boite_filtres_haut_gauche) no-repeat top left;}
.boite_filtres_haut {background: url(../commun_shop/ressources/boite_filtres_haut_droit) no-repeat top right;}
.boite_filtres_bas div {background: url(../commun_shop/ressources/boite_filtres_bas_gauche) no-repeat bottom left;}
.boite_filtres_bas {background: url(../commun_shop/ressources/boite_filtres_bas_droit) no-repeat bottom right;}
.boite_filtres_haut div, .boite_filtres_haut,
.boite_filtres_bas div, .boite_filtres_bas {width: 100%;height: 10px;font-size: 1px;}
.boite_filtres_contenu {width: 140px;}
.boite_filtres_contenu h2
{padding-top:0px;padding-bottom:0px;margin-top:0px;font-weight:normal;font-size:1em;text-align:center}
.boite_filtres_contenu p
{padding-left:5px}
.ligne_pair
{background-color: rgb(210,230,255)}
.ligne_impaire
{}
#filtre_impulseur
{text-transform:capitalize}

/*Consommation*/
#zone_recherche_compte
{padding-top:50px;text-align:center;padding-bottom:30px;}
#tabs_produits
{width:90%;margin-right:auto;margin-left:auto;}
#tabs_produits input
{width:20px;text-align:center}
tr.alt td
{background:#ecf6fc;}
tr.over td
{background:#bcd4ec;}
#tabs_produits td.raccourci
{width:5%;text-align:left;color:#B0B0B0}
#tabs_produits td.prod
{width:65%;text-align:left;}
#tabs_produits td.quantite
{width:15%;}
#tabs_produits td.prix
{width:15%;}
#bouton_achat
{margin-top:40px;margin-left:70%;padding-bottom:20px;}
#bouton_achat input
{width:150px;height:50px}
#bouton_achat a
{text-decoration:none;}
#confirmation_conso table
{width:100%}
#confirmation_conso td
{width:50%;}
#liste_conso
{margin-top:10px}
#total_conso
{margin-top:30px}
#confirmation_conso .colonne_nom_prod
{width:70%;text-align:left;padding-left:10px}
#confirmation_conso .colonne_quantite_prod
{width:5%}
#confirmation_conso .colonne_x_prod
{width:5%}
#confirmation_conso .colonne_prix_prod
{width:20%}
#confirmation_conso .total_text
{width:70%;text-align:right;padding-right:30px}
#confirmation_conso .total_prix
{width:30%;font-size:1.5em}
.notification_erreur_transfert
{width:500px;margin-top:150px;margin-left:auto;margin-right:auto;text-align:center}
#confirmation_conso #bouton
{margin-top:10px;height:40px;width:150px}
#notification_produit_barre
{text-align:center;padding-top:100px}
#id_mdp_pg
{text-align:center;width:90%;margin-left:auto;margin-right:auto}
#mdp_pg
{padding-top:35px;text-align:center;padding-bottom:10px;}
#bouton_connexion_pg
{margin-bottom:20px;}
#table_infos_pg
{text-align:center;margin-right:auto;margin-left:auto;margin-bottom:20px;text-decoration:none;margin-top:10px;}
#table_infos_pg a
{text-decoration:none;}
.fat
{font-family: oldengl;font-size: 3em;}

/*Admin*/
#tabs_admin
{width:90%;margin-right:auto;margin-left:auto;}
.decallage_top
{padding-top:20px;}
#bouton_ajout_categorie
{padding-top:10px;}
#tabs_admin td.prod
{width:100%;text-align:left;}
#tabs_admin td.boutton_edit
{width:10%;}
#tabs_admin td.boutton_delete
{width:10%;}
#modif_categorie
{font-size:0.7em;text-align:center;margin-bottom:15px}
#zone_ajout_produit
{font-size:0.7em;text-align:center;margin-top:10px}
#formulaire_ajout_categorie
{padding-top:170px;padding-left:125px;}
#formulaire_ajout_categorie #bouton
{position:relative;left:250px;margin-top:30px}
#suppr_catergorie
{font-size:1em;text-align:center;margin:30px}
#zone_suppr_cat
{text-align:center;margin:20px}
#zone_suppr_cat table
{margin:auto;margin-top:15px}
#edition_cat
{text-align:center}
#edition_cat table
{margin:auto;margin-bottom:20px;margin-top:30px}
#edition_cat h1
{font-size:1.2em}
#edition_cat td
{padding-top:7px;padding-bottom:7px}
#formulaire_ajout_produit
{text-align:center}
#formulaire_ajout_produit table
{margin:auto;margin-bottom:20px;margin-top:30px}
#formulaire_ajout_produit td
{padding-top:7px;padding-bottom:7px}
.xs
{width: 10px;}
#edition_prod
{text-align:center}
#edition_prod table
{margin:auto;margin-bottom:20px;margin-top:30px}
#edition_prod td
{padding-top:7px;padding-bottom:7px}
.gris
{color:grey}
#notification_categorie_barre
{text-align:center;padding-top:100px}
#lien_modif_mdp
{text-align:right;margin-top:20px;font-size:0.8em;margin-bottom:20px;margin-right:40px}
#formulaire_changement_mdp
{padding-top:50px;text-align:center;margin-right:auto;margin-left:auto}
#formulaire_changement_mdp table
{margin-right:auto;margin-left:auto}
#titre_credit_compte
{text-align:center;padding-top:20px;font-size:1.5em}
#zone_parametre_compte table
{margin-top:70px;width:80%;margin-left:auto;margin-right:auto}
#bouton_compte
{text-align:center;margin-top:50px}
